<template>
  <div class="user-list">
    <de-container class="pa-5">
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="邮件配置" name="first">
          <Email></Email>
        </el-tab-pane>
        <el-tab-pane label="短信配置" name="second">
          <Message></Message>
        </el-tab-pane>
      </el-tabs>
    </de-container>
  </div>
</template>

<script>
import Message from './components/message.vue'
import Email from './components/email.vue'
import DeContainer from '@/components/dataease/DeContainer.vue'

export default {
  name: 'Channel',
  components: { DeContainer, Message, Email },
  props: {},
  data() {
    return {
      activeName: 'first',
    }
  },
  created() {},
  methods: {
    handleClick() {},
  },
}
</script>

<style lang="scss" scoped></style>
